﻿<MContainer Class="grey lighten-5">
    <MRow NoGutters Style="flex-wrap: nowrap;">
        <MCol Cols="2" Class="flex-grow-0 flex-shrink-0">
            <MCard Class="pa-2" Outlined Tile>
                I'm 2 column wide
            </MCard>
        </MCol>
        <MCol Cols="1" Style="min-width: 100px; max-width: 100%;" Class="flex-grow-1 flex-shrink-0">
            <MCard Class="pa-2" Outlined Tile>
                I'm 1 column wide and I grow to take all the space
            </MCard>
        </MCol>
        <MCol Cols="5" Style="min-width: 100px;" Class="flex-grow-0 flex-shrink-1">
            <MCard Class="pa-2" Outlined Tile>
                I'm 5 column wide and I shrink if there's not enough space
            </MCard>
        </MCol>
    </MRow>
</MContainer>